<template>
    <div class="split-text">
        <div class="left border-bottom-1px"></div>
        <div class="text">{{text}}</div>
        <div class="right border-bottom-1px"></div>
    </div>
</template>

<script>
    export default {
        name: "index",
        props:{
            text:String
        }
    }
</script>

<style scoped lang="stylus">
    .split-text
        display flex
        align-items center
        .left,.right
            height 1Px
            border-bottom-color #E2E1E1
            flex 1
        .text
            margin 0 18px
            font-size:12px;
            font-family:PingFang SC;
            font-weight:300;
            color:rgba(210,208,208,1);


</style>